<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
<title>首页</title>
<link rel="stylesheet" href="css/cont.css">
<link rel="stylesheet" type="text/css" href="css/header.css">
<style>
/*媒体查询，处理分辨率不同时字体大小的显示*/
@media (min-width: 480px) and (max-width: 640px) {
h1 {
	font-size: 0.18rem
}
h2 {
	font-size: 0.16rem
}
.Commentary_list {
	font-size: 0.14rem
}
header {
	font-size: 0.14rem;
}
.content {
	font-size: 0.14rem;
}
}
/*媒体查询，屏幕分辨率小于480px*/
@media (max-width: 480px) {
h1 {
	font-size: 0.16rem;
	color: #06C;
}
h2 {
	font-size: 0.14rem
}
.Commentary_list {
	font-size: 0.12rem
}
header {
	font-size: 0.12rem;
}
.content {
	font-size: 0.12rem;
}
}
</style>
</head>
<body>
<header>
  <nav id="nav">
    <input type="checkbox" id="togglebox" />
    <ul>
      <li><a href="index.html">推荐</a></li>
      <li><a href="cont.html">快讯</a></li>
      <li><a href="movie.html">视频</a></li>
      <li><a href="list.html">服务</a></li>
    </ul>
    <!--汉堡菜单按钮-->
    <label class="menu" for="togglebox"><img src="images/menu.png"/></label>
  </nav>
</header>
<div class="clear"></div>
<div class="bgf pad linheight15">
  <h1>找片的秘诀</h1>
  <span class="colorc font12">2018-09-12 12:12</span>
  <div class="content">
    <img src="images/yw2.jpg"/>
     <img src="images/yw2.jpg"/> 
     <img src="images/yw2.jpg"/> 
     <img src="images/yw2.jpg"/>
  </div>
  <div class="tc padt">
    <button class="btn good_bt good_mos"><img src="images/good_m.png"/>1234</button>
  </div>
</div>
<div class="bgf magt pad ">
  <h2>全部评论</h2>
  <div class="Commentary_list magt">
    <dl>
      <dt><img src="images/tx_img.png" width="100%" alt=""/></dt>
      <dd class="font12"><span>用户名</span><font>叶问</font></dd>
      <dd>对民国武术的大展示，冷热兵器时代对决，南拳北腿，各门各派将会有个精彩大展示</dd>
      <dd><font>回复TA</font>
        <ul class="bg pad">
          <li><span>用户名</span>
            <p>好看 </p>
          </li>
          <li><span>用户名</span>
            <p>好看 </p>
          </li>
          <li><span>用户名</span>
            <p>好看</p>
          </li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt><img src="images/tx_img.png" width="100%" alt=""/></dt>
      <dd><span>用户名</span><font>12-12</font></dd>
      <dd>好看</dd>
      <dd><font>回复TA</font> </dd>
    </dl>
    <dl>
      <dt><img src="images/tx_img.png" width="100%" alt=""/></dt>
      <dd class="font12"><span>用户名</span><font>叶问</font></dd>
        <dd>对民国武术的大展示，冷热兵器时代对决，南拳北腿，各门各派将会有个精彩大展示</dd>
        <dd><font>回复TA</font>
          <ul class="bg pad">
            <li><span>用户名</span>
              <p>好看 </p>
            </li>
            <li><span>用户名</span>
              <p>好看 </p>
            </li>
            <li><span>用户名</span>
              <p>好看</p>
            </li>
          </ul>
        </dd>
      </dl>
  </div>
</div>
<div class="pad">&nbsp;</div>
<!--评论-->
<div class="magt flx_cmty bgf pad"><a class="color6"><</a>
  <input type='input' class="ipt_commentray magr" placeholder="我要点评" value="我要点评">
  <span class="color_red font12 commentray_ico">12342评</span>
  <button class="btn fr">发送</button>
</div>
</body>
</html>